function App(){
  // const msg = '你好react jsx语法'
  const arr = [
    <h2 key='a'>开心超人</h2>,
    <p key='b'>花心超人</p>,
    <h3 key='c'>大大怪</h3>
  ]
  const style = {
    fontSize:88,
    fontWeight:900,
    color:"#36f"
  }
  return (<div> 
    <h1>jsx语法</h1>
    {arr}
    <p style={{fontSize:24,color:'#f30'}}>五彩斑斓的黑色</p>
    <p style={style}>我是快乐学react</p>
    <p className="active">class要用className代替</p>
    {/* <p>01- {2+3}</p>
    <p>01- {'abc'.length}</p>
    <p>01 - {msg}</p> */}
  </div>)
}
export default App

// jsx javascript and xml  html也是xml一种
// js与html混合写法，作用在js中快速表达html模板
// 特点：01
// {} 代表js
// {/* */} 注释
// 有且只有一个根节点